<!DOCTYPE html>
<html lang="zxx">

<head>
	<title>About Us</title>
	<!-- Meta tag Keywords -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="UTF-8" />
	<meta name="keywords" content="" />
	<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!--// Meta tag Keywords -->

	<!-- Custom-Files -->
	<link rel="stylesheet" href="css/bootstrap.css">
	<!-- Bootstrap-Core-CSS -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
	<!-- Style-CSS -->
	<link href="css/font-awesome.min.css" rel="stylesheet">
	<!-- Font-Awesome-Icons-CSS -->
	<!-- //Custom-Files -->

	<!-- Web-Fonts -->
	<link href="http://fonts.googleapis.com/css?family=Source+Code+Pro:200,300,400,500,600,700,900&amp;subset=latin-ext" rel="stylesheet">
	<!-- //Web-Fonts -->
</head>

<body>
	<!-- header -->
	<header>
		<div class="logo ml-sm-4 ml-2 mt-3">
			<a href="index.html"><span class="fa fa-stumbleupon"></span></a>
		</div>
		<!-- menu -->
		<ul id="menu">
			<li>
				<input id="check02" type="checkbox" name="menu" />
				<label for="check02"><span class="fa fa-bars" aria-hidden="true"></span></label>
				<ul class="submenu">
					<li><a href="index.html">Home</a></li>
					<li><a href="about.html" class="active">About Us</a></li>
					<li><a href="services.html">Services</a></li>
					<li><a href="team.html">The Team</a></li>
					<li><a href="blog.html">Blog</a></li>
					<li><a href="gallery.html">Gallery</a></li>
					<li><a href="contact.html">Contact Us</a></li>
				</ul>
			</li>
		</ul>
		<!-- //menu -->
	</header>
	<!-- //header -->

	<!-- about -->
	<div class="about he-codes">
		<!-- about content -->
		<div class="about-cont pt-5 pb-sm-5 pb-4">
			<h3 class="title text-center text-wh font-weight-bold">About Us</h3>
			<div class="container-fluid pt-xl-5 pt-sm-4 pt-3">
				<div class="row">
					<div class="col-lg-6">
						<div class="welcome-left">
							<h1>We love what we do and we do what our clients love</h1>
							<p class="mt-3">Suspendisse porta erat sit amet eros sagittis</p>
							<h2 class="my-4 font-italic">We work with great clients all over the world to create thoughtful and purposeful
								websites.</h2>
							<a href="about.html" class="btn button-style mt-sm-5 mt-4">Read More</a>
						</div>
					</div>
					<div class="col-md-6 about-right mt-lg-0 mt-4">
						<div class="row">
							<div class="col-6 about-img-w3l mt-5 text-right">
								<img src="wallpaper/ab1.jpg" alt="image" class="img-fluid mb-3" />
								<img src="wallpaper/ab2.jpg" alt="image" class="img-fluid" />
							</div>
							<div class="col-6 aboutimg-w3l">
								<img src="wallpaper/ab3.jpg" alt="image" class="img-fluid mb-3" />
								<img src="wallpaper/ab4.jpg" alt="image" class="img-fluid" />
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- //about content -->
		<!-- copyright -->
		<div class="wthree_copy_right text-right ml-auto mr-sm-5 mr-4 pt-xl-4 mt-5">
			<p class="text-li">Copyright &copy; 2019.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
		</div>
		<!-- //copyright -->
	</div>
	<!-- //about -->

</body>

</html>